﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title></title>
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js" type="text/javascript"></script>
    <script src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js"></script>

    <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/7.2.0/css/fabric.min.css">
    <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-js/1.4.0/css/fabric.components.min.css" />
    <script src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-js/1.4.0/js/fabric.min.js"></script>

    
    <link href="GetDataDialog.css" rel="stylesheet" type="text/css" />
    <script src="GetDataDialog.js" type="text/javascript"></script>
    <script src="../resources/url.js" type="text/javascript"></script>
    <script src="../lib/Utils.js" type="text/javascript"></script>

    <script src="../lib/loading/loading.js"></script>
    <link rel="stylesheet" href="../lib/loading/loading.css" />
    
</head>
<body>
    <div id='main'>
        <div class="ms-Dropdown">
            <label class="ms-Label is-required" style="font-size:14px;width:122px; text-align:right;">股票代码</label>
            <input id="stockcode" class="ms-TextField-field" type="text" value="" placeholder="">
        </div>

        <div id="year" class="ms-Dropdown" tabindex="0">
            <label class="ms-Label is-required" style="font-size:14px;">年报数据提取年数</label>&nbsp;&nbsp;
            <select id="year-drop">
                <option value="3">3年</option>
                <option value="5">5年</option>
                <option value="10">10年</option>
                <option value="20">20年</option>
            </select>
        </div>

        <div id="quarter" class="ms-Dropdown" tabindex="0">
            <label class="ms-Label is-required" style="font-size:14px;">季报数据提取季数</label>&nbsp;&nbsp;
            <select id="quarter-drop">
                <option value="12">12季度</option>
                <option value="20">20季度</option>
            </select>
        </div>

        <div id="detailYear" class="ms-Dropdown" tabindex="0">
            <label class="ms-Label is-required" style="font-size:14px;">详细预测数据年数</label>&nbsp;&nbsp;
            <select id="detailYear-drop">
                <option value="3">3年</option>
                <option value="5">5年</option>
                <option value="7">7年</option>
                <option value="10">10年</option>
                <option value="15">15年</option>
                <option value="20">20年</option>
                <option value="30">30年</option>
            </select>
        </div>

        <div id="unit" class="ms-Dropdown" tabindex="0">
            <label class="ms-Label is-required" style="font-size:14px;width:122px; text-align:right;">货币单位</label>&nbsp;&nbsp;
            <select id="unit-drop">
                <option value="1">元</option>
                <option value="10000">万元</option>
                <option value="1000000">百万元</option>
            </select>
        </div>

        <div id="reportCate" class="ms-Dropdown" tabindex="0">
            <label class="ms-Label is-required" style="font-size:14px;width:122px;text-align:right;">报表类别</label>&nbsp;&nbsp;
            <select id="reportCate-drop">
                <option value="1">年报</option>
            </select>
        </div>

        <div id="reportType" class="ms-Dropdown" tabindex="0">
            <label class="ms-Label is-required" style="font-size:14px;width:122px;text-align:right;">报表类型</label>&nbsp;&nbsp;
            <select id="reportType-drop">
                <option value="1">合并报表</option>
            </select>
        </div>
 
        <div id="finish">
            <button id="finish-button" class="ms-Button ms-Button--primary">
                <span class="ms-Button-label">提取数据</span>
            </button>
        </div>

    </div>


    <div class="docs-DialogExample-lgHeader">
        <div class="ms-Dialog ms-Dialog--lgHeader" style="text-align: left;">
            <div class="ms-Dialog-title" style="padding-top: 15px; padding-bottom: 15px; font-size: 20px">提示</div>
            <div class="ms-Dialog-content">
                <p class="ms-Dialog-subText"></p>
            </div>
            <div class="ms-Dialog-actions" style="text-align: center;">
                <button class="ms-Button ms-Dialog-action ms-Button--primary">
                    <span class="ms-Button-label">确定</span>
                </button>
            </div>
        </div>
    </div>

</body>
</html>

<script type="text/javascript">
    var TextFieldElements = document.querySelectorAll(".ms-TextField");
    for (var i = 0; i < TextFieldElements.length; i++) {
        new fabric['TextField'](TextFieldElements[i]);

    }
</script>
 
<script type="text/javascript">
    var ButtonElements = document.querySelectorAll(".ms-Button");
    for (var i = 0; i < ButtonElements.length; i++) {
        new fabric['Button'](ButtonElements[i], function () {


        });
    }
</script>

<script type="text/javascript">
            var DialogElements = document.querySelectorAll(".ms-Dialog");
            var DialogComponents = [];
            for (var i = 0; i < DialogElements.length; i++) {
                (function () {
                    DialogComponents[i] = new fabric['Dialog'](DialogElements[i]);
                }());
            }
</script>
